<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1-table.html</title>
</head>
<body>
    <span>before</span>
    块级元素：table/thead/tbody/caption/tr
    行内元素：th/td
    table:数据的简单展示，
        一般使用DIV+CSS进行布局
    <table border="1" cellspacing="0" cellpadding="10" align="center" width="100%">
        <thead>
            <tr>
                <th>编号</th>
                <th width="100px">姓名</th>
                <th width="50%">地址</th>
            </tr>
        </thead>
        <tbody>
            <tr align="center">
                <td align="right" colspan="3">1</td>
                <!--
                <td>2</td>
                <td>3</td>
                -->
            </tr>
            <tr>
                <td rowspan="2">1</td>
                <td>张三张三</td>
                <td>昆山</td>
            </tr>
            <tr>
                <!--<td>1</td>-->
                <td>张三</td>
                <td>昆山</td>
            </tr>
        </tbody>
        <caption>标题</caption>
        
    </table>
    <span>end</span>
</body>
</html>